﻿<head>
    <script src="~/lib/vue/dist/vue.global.js"></script>
    <link href="~/lib/element-plus/dist/index.css" rel="stylesheet" />
    <script src="~/lib/element-plus/dist/index.full.js"></script>
    <link href="~/css/table.css" rel="stylesheet" />
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<div id="app">
    <form action="register_list.html" method="post">
        <input type="hidden" name="page.startPage" value="0">
        <table width="100%">
            <tr>
                <td>
                    <p color="black">您正在做的业务是：人力资源--薪酬发放管理--薪酬发放登记</p>
                </td>
            </tr>
            <tr>
                <td align="right">
                    <input type="button" value="确 定" v-on:click="check()" class="BUTTON_STYLE1">
                </td>
            </tr>
        </table>
        <table width="100%" border="1" cellpadding=0 cellspacing=1
               bordercolorlight=#848284 bordercolordark=#eeeeee
               class="TABLE_STYLE1">
            <tr>
                <td width="27%" class="TD_STYLE1">
                    薪酬发放方式
                </td>
                <td width="22%" class="TD_STYLE1">
                    <select id="submitType" name="submitType" class="INPUT_STYLE2">
                        <option value="1">一级机构发放方式</option>
                        <option value="2">二级机构发放方式</option>
                        <option value="3">三级机构发放方式</option>
                    </select>
                </td>
                <td width="60%" class="TD_STYLE1"></td>
        </table>
    </form>
</div>

<script>
    var { createApp, reactive, ref } = Vue
    var app = createApp({
        setup() {


            function check() {
                var selectElement = document.getElementById("submitType");
                var selectedValue = selectElement.options[selectElement.selectedIndex].value;
                const queryParams = new URLSearchParams();
                queryParams.set('zhi', JSON.stringify(selectedValue));
                window.location.href = `/PayrollRegistration/Index1?${queryParams.toString()}`;
            }
            return {
              check
            }
        }
    })
    app.use(ElementPlus)
    app.mount("#app");
</script>
<style type="text/css">
    body {
        background-color: #FFFFBB;
        border: 1px solid #FFDB6F;
        display: block;
        margin: 8px;
    }

</style>
